<script setup>
import Position from '@/components/Position.vue'
import FooterBorder from '@/components/FooterBorder.vue'
</script>

<template>
    <div class="content">
        <div class="top-image"></div>
        <!-- <div class="position">
            <div class="position-content">
                <div class="left">
                    <a class="bread" href="/home">
                        <span>首 页</span>
                    </a>
                    <span>布宫简介</span>
                </div>
                <div class="right">

                </div>
            </div>
        </div> -->
        <Position>
            <template #default>
                历史文化
            </template>
        </Position>
        <div class="container">
            <div class="bt">
                <a href="#">历史文化</a>
                <span></span>
            </div>

            <h3><span style="color: #941200; font-size: 16px; font-weight: bold;">名称来历</span></h3>
            <p style=""><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">&nbsp;&nbsp;“布达拉”系舟岛，是梵文音译，又译作“普陀罗”或“普陀”，原指观世音菩萨所居之岛。拉萨布达拉宫俗称第二普陀罗山。</span>
            </p>
            <h3><span style="color: #941200; font-size: 16px; font-weight: bold;">相关人物</span></h3>
            <p style=""><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">&nbsp;&nbsp;·松赞干布（617—650年；一说569—650年），古代藏族著名民族英雄，唐代吐蕃（今西藏）第三十二世赞普。新旧《唐书》作充宗弄赞（简称弄赞）、弃苏农，号弗夜氏。13岁继承父位，历经3年统一西藏各部，迁都逻些（今拉萨），建立了统一的奴隶制王朝。唐贞观十五年（641年）遣使至长安迎娶唐文成公主。次年，文成公主至吐蕃，与其成婚。在位期间，实行“军政合一”的统治措施，发展吐蕃生产，创制藏文，定立法律、官制和军制，吸收中原文化，引进先进生产技术，促进了唐、蕃双方经济文化的交流。其所作出的功绩，获得藏族人民的普遍崇敬。</span>
            </p>
            <img src="@/assets/szgb.jpg" style="width: 500px; height: 350px;display: block;margin: 0 auto;">

            <p style=""><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">&nbsp;&nbsp;·文成公主（?—680年），唐朝宗室女。唐贞观十四年（640年），吐蕃赞普松赞干布派使者带着琉璃、宝甲、金银等聘礼，至长安求婚，唐太宗答应将文成公主嫁给松赞干布。文成公主翌年赴藏，由江夏郡王李道宗护送至黄河源附近之柏海，松赞干布前往柏海亲迎，执子婿之礼竭见李道宗，然后同返逻婆（今拉萨）。松赞干布于玛波日山（今布达拉山）为文成公主营建宫室，至今布达拉宫尚保存有他们成婚时的洞房的遗址。文成公主知书识礼，博学多才，亦笃信佛教，到逻婆后主持建造小昭寺，安放自长安带去的释迦牟尼雕像（后移至大昭寺安放）。今大昭寺前的公主柳，传说是文成公主亲手所栽。文成公主入藏，还带去许多工匠、乐队、宫娥、家具、珠宝、经史以及谷物种子等，使中原地区各种先进生产技术传入吐蕃。吐蕃又派许多贵族子弟到长安入国学读书。文成公主为促进汉藏两族兄弟般的情谊，沟通中原和藏区的政治、经济、文化、艺术、科学、技术、宗教等方面的交流，起了积极的作用。后世藏族人民十分崇敬她，大昭寺内有她的塑像。其事迹在藏族民间家喻户晓，普遍流传。</span>
            </p>
            <img src="@/assets/wcgz.jpg" style="width: 500px; height: 350px;display: block;margin: 0 auto;">

            <p style=""><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">&nbsp;&nbsp;·阿旺罗桑嘉措是五世达赖喇嘛，明末，他与四世班禅罗桑曲结合谋，派人赴新疆密召蒙古顾实汗率部进入西藏，推翻了佛教噶举派（白教）法王和农奴主实力人物藏巴汗的统治。1652年，第五世达赖喇嘛进京入觐，次年被清朝顺治皇帝册封为“西天大善自在佛所领天下释教普通瓦赤喇怛喇达赖喇嘛”，赐以金册、金印。1713年，第五世班禅被清朝康熙皇帝册封为“班禅额尔德尼”，亦赐金册、金印。</span>
            </p>
            <img src="@/assets/sb.jpg" style="width: 500px; height: 350px;display: block;margin: 0 auto;">

            <h3><span style="color: #941200; font-size: 16px; font-weight: bold;">相关活动</span></h3>
            <p style=""><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">&nbsp;&nbsp;布达拉宫是历世达赖喇嘛的冬宫，也是过去西藏地方统治者政教合一的统治中心，从五世达赖喇嘛起，重大的宗教、政治仪式均在此举行，同时又是供奉历世达赖喇嘛灵塔的地方。</span>
            </p>
            <img src="@/assets/xdj2.jpg" style="width: 500px; height: 350px;display: block;margin: 0 auto;">

            <p style=""><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">&nbsp;&nbsp;雪顿节，意为酸奶宴会节，是一个古老的节日。由于雪顿节活动内容逐渐演变为以藏戏会演为主，故又称藏戏节。节日从每年藏历六月三十日开始至七月上旬，历时十余天。传统的雪顿节活动方式为：藏历六月二十九日，各地藏剧团一早到布达拉宫向地方政府主管藏戏的“孜洽列空”报到，并举行简单的仪式表演。</span>
            </p>
            <img src="@/assets/xdj.jpg" style="width: 500px; height: 350px;display: block;margin: 0 auto;">

            <h3><span style="color: #941200; font-size: 16px; font-weight: bold;">神话传说</span></h3>
            <p style=""><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">&nbsp;&nbsp;传说松赞干布在重建布达拉宫时，一颗檀香木的树干自然分裂，从里面现出四尊佛像，其中之一即为观音菩萨像，只见观音像开口道：“松赞干布是我的化身，我将往西藏有雪邦内，为藏王松赞干布本尊。”由于这个传说，这尊佛像身价百倍，信徒们相信它佛法无边，护佑着雪域的安宁和幸福，所以长期以来一直被奉为布达拉宫的主供佛像，也是布达拉宫的镇宫之宝。</span>
            </p>
            <img src="@/assets/sbsb.jpg" style="width: 500px; height: 350px;display: block;margin: 0 auto;">


            <h3><span style="color: #941200; font-size: 16px; font-weight: bold;">钱币图案</span></h3>
            <p style=""><span
                    style="text-align: justify; text-indent: 32pt; font-family: 仿宋; font-size: 18px;">&nbsp;&nbsp;布达拉宫是第五套人民币50元纸币背面的风景图案。</span>
            </p>

            <img src="@/assets/rmb.webp" style="width: 500px; height: 350px;display: block;margin: 0 auto;">
        </div>
        <FooterBorder></FooterBorder>
    </div>
</template> 

<style scoped>
.bt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    border: 2px solid #941200;
    margin-bottom: 30px;
}

.bt>span {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background-image: url('@/assets/more4.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

.bt>a {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #941200;
    font-size: 16px;
    width: 96px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

p {
    line-height: 22px;
    color: #555555;
    font-size: 18px;
}

.line {
    height: 35px;
    border-top: 1px solid #888576;
    margin-top: 35px;
}

.top-image {
    height: 257px;
    background-image: url('@/assets/potala.jpg');
    /* background-size: cover; */
    background-repeat: no-repeat;
    background-position: center center;
}

.container {
    width: 960px;
    margin: 0 auto;
    padding: 60px 0;
}

.bt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    border: 2px solid #941200;
    margin-bottom: 30px;
}

.bt>span {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background-image: url('@/assets/more4.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

.bt>a {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #941200;
    font-size: 16px;
    width: 96px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
</style>